<%@page import="java.util.List"%>
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>

<%@page import="java.util.Collection"%>
<%@page import="servlets.Juego"%>
<%@page import="main.java.datatypes.juegos.CompraJuegoVO"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<title>Seleccionar juego</title>
		<link rel="Stylesheet" type="text/css" href="/TPlayWeb/tplaystore.css"  >
	</head>
	
		<script language="JavaScript"> 
			function runSubmit(form)
			{
				Ctrl = form.listaDescJuegos;
 				 if(Ctrl.selectedIndex == -1){
 					alert ("Seleccione un juego");
 				 }
 				 else
 					document.comprarJuego.submit();	
 				 }
		</script>
		
	<body>
		<jsp:include page="/WEB-INF/encabezado.jsp"/>
		<form name="juegoacomprar"method="POST" action="/TPlayWeb/juegos/comprarJuego">
 			<input  name="enviardatos" type="button" value="Siguiente" onclick="runSubmit(this.form)"/>
 			<input type="reset" value="Inicializar">

 			<select name="listaJuegos" multiple="multiple">
							       
					
			<div id="listar" class="main">
			<% 
				Collection<CompraJuegoVO> juegos = (Collection<CompraJuegoVO>) request.getAttribute("listaDescJuegos");

				for(CompraJuegoVO j: juegos){
			%>
			<div class="j">
							
				<div class="derecha">
					<a class="nombre" href="?j=<%= j.getJuego()  %>">
						<%= j.getJuego() %>
					</a>

					<span class="precio">
						<%= j.getPrecio() %>
					</span>
					
					<span class="descripcion">
						<%= j.getDescripcion() %>
					</span>
				</div>
			</div>		
			
		</div>
					<option><%=j.getJuego()%></option> 
			<% } %>
						
			</select>    
		</form>
		<p>		
			 <input  name="enviardatos" type="button" value="Siguiente" onclick="runSubmit(this.form)"/>
		
		</p>
		<jsp:include page="/WEB-INF/pie.jsp"/>	
	</body>
</html>